<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" th:href="@{/webjars/Jcrop/css/jquery.Jcrop.css}">
</head>
<body>

<img th:src="@{/images/timg.jpg}" id="element_id">


<!-- jQuery -->
<script th:src="@{/webjars/jquery/jquery.min.js}"></script>
<!-- Bootstrap -->
<script th:src="@{/webjars/bootstrap/js/bootstrap.min.js}"></script>
<!-- Jcrop 图片剪切 -->
<script th:src="@{/webjars/Jcrop/js/jquery.Jcrop.min.js}"></script>
<script>
    var jcropApi;
    $('#element_id').Jcrop({
        allowSelect: true,
        baseClass: 'jcrop'
    }, function() {
        jcropApi = this;
    });
</script>
</body>
</html>